﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="jquery-1.3.min.js" type="text/javascript"></script>

    <script src="jquery.ui.uapselector.js" type="text/javascript"></script>

    <script src="univlistData.js" type="text/javascript"></script>

    <link href="skin/default/main.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .demoListItem { border: 1px solid red; margin: 20px; padding: 20px; }
    </style>
</head>
<body>

    <script type="text/javascript">
        var userList = [{ id: 652382423, name: "燃烧的思念", py: "rsdsn" }, { id: 677875355, name: "kid", py: "kid" }, { id: 677347434, name: "*疯^_^子*", py: "*f^_^z*" }, { id: 88056681, name: "kevin", py: "kevin" }, { id: 190269, name: "林斌", py: "lb" }, { id: 101691, name: "聖域", py: "ly" }, { id: 103400, name: "李正", py: "lz" }, { id: 680380640, name: "狼外婆", py: "lwp" }, { id: 487420530, name: "Jessie", py: "Jessie" }, { id: 162586725, name: "音乐日记", py: "ylrj" }, { id: 562226183, name: "郑龙珠", py: "zlz" }, { id: 178241526, name: "KityMarry", py: "KityMarry" }, { id: 1774328, name: "李柏", py: "lb" }, { id: 642208422, name: "小鱼", py: "xy" }, { id: 434571008, name: "李村长", py: "lcc" }, { id: 568858732, name: "刘昌辉", py: "lch" }, { id: 613122574, name: "", py: "" }, { id: 643158288, name: "习文晋", py: "xwj" }, { id: 704613886, name: "没有明天", py: "mymt" }, { id: 400000261, name: "小胖", py: "xp" }, { id: 124043046, name: "APTX498", py: "APTX498" }, { id: 36375981, name: "太风流", py: "tfl" }, { id: 82259944, name: "自立", py: "zl" }, { id: 376873307, name: "collinye", py: "collinye" }, { id: 587775883, name: "聖域", py: "ly" }, { id: 811488071, name: "蝶谷云山", py: "dgys" }, { id: 553123407, name: "№歆δ小诺℃", py: "№zδxn℃" }, { id: 561610517, name: "帅帅", py: "ss" }, { id: 624205220, name: "蔡晓希", py: "cxx" }, { id: 99909645, name: "月影", py: "yy" }, { id: 642848505, name: "这是什么", py: "zssm" }, { id: 87787524, name: "豆神之光", py: "dszg" }, { id: 558734214, name: "真实头像", py: "zstx" }, { id: 827340885, name: "李晓勇", py: "lxy" }, { id: 330352561, name: "梦露露", py: "mll" }, { id: 863233285, name: "我没老", py: "wml" }, { id: 530163822, name: "李萌", py: "lm" }, { id: 302531366, name: "叶小小", py: "yxx" }, { id: 52726541, name: "雷小", py: "lx" }, { id: 545666838, name: "刘宗华", py: "lzh" }, { id: 454054265, name: "虚空小箭", py: "xkxj" }, { id: 79911814, name: "赤红燕", py: "chy" }, { id: 173368227, name: "陈超", py: "cc" }, { id: 633622443, name: "", py: "" }, { id: 828007631, name: "李彦品", py: "lyp" }, { id: 8218716, name: "zz", py: "zz" }, { id: 270050546, name: "Oo菰箪oO", py: "Ooz箪oO" }, { id: 164367653, name: "狂武", py: "kw" }, { id: 173454, name: "单摆", py: "db" }, { id: 574081636, name: "啊郎", py: "al" }, { id: 644704221, name: "决口不提∶爱你", py: "jkbt∶an" }, { id: 802426877, name: "华安9527", py: "ha9527" }, { id: 566461480, name: "第一滴眼泪", py: "dydyl" }, { id: 573834206, name: "乐乐", py: "ll" }, { id: 527875473, name: "杨华", py: "yh"}];

        var select1, select2, select3, select4;
        $(document).ready(function() {

            select1 = new NDUAP.Selector({ divID: "div1", typeID: 1, inputDefaultTip: "输入好友姓名(支持全拼输入)", totalSelectNum: 50, textIDId: "txtID", textNameId: "txtName", width: 500, searchData: userList });

            select2 = new NDUAP.Selector({ divID: "div2", typeID: 1, inputDefaultTip: "输入好友姓名(支持全拼输入)", totalSelectNum: 1, quickBoxPositionX: -405, width: 120, searchData: userList });

            select3 = new NDUAP.Selector({ divID: "div3", typeID: 2, inputDefaultTip: "输入学校名称(支持全拼输入)", totalSelectNum: 50, quickBoxPositionX: 0, width: 500, searchData: select_univlistData, searchClsData: select_provsData, showPic: false });

            select4 = new NDUAP.Selector({ divID: "div4", typeID: 2, inputDefaultTip: "输入学校名称(支持全拼输入)", totalSelectNum: 1, quickBoxPositionX: -415, width: 200, searchData: select_univlistData, searchClsData: select_provsData, showPic: false });
 
        });


    </script>



    <div>
        通用选择组件 DEMO v1.0 -yh 20090611
    </div>
    <div style="margin: 10px 0; background: #ccc">
        &nbsp;</div>
    <div class="demoListItem">
        组件名称：UAP通用选择组件<br />
        版本：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; V1.0<br />
        适用范围：好友选择，学校选择，城市选择等通用选择组件;支持服务端数据搜索，也支持本地静态数据搜索<br />
        引用文件：jquery-1.2以上版本，Selector.js，Main.css<br />
        调用方法：var selector = new NDUAP.Selector({参数});<br />
        默认参数：<br />
        <br />
        {&nbsp;
        <br />
        &nbsp;&nbsp;&nbsp; divID: &quot;divSelector&quot;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //所在的DIV
        <br />
        &nbsp;&nbsp;&nbsp; width: &quot;400&quot;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
        &nbsp;&nbsp;&nbsp; itemUrl: &quot;http://home.uap.91.com/blog/friendSelect/2&quot;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //搜索请求地址，如搜索好友的接口<br />
        &nbsp;&nbsp;&nbsp; clsUrl: &quot;http://home.uap.91.com/blog/friendSelect/3&quot;, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //类别请求地址 ，如好友分类的接口&nbsp;
        <br />
        &nbsp;&nbsp;&nbsp; inputDefaultTip: &quot;输入好友姓名(支持全拼输入)&quot;,&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
        &nbsp;&nbsp;&nbsp; noDataTip: &quot;没有搜索到相关数据&quot;,
        <br />
        &nbsp;&nbsp;&nbsp; errorPic: &quot;http://erp.nd/Lib/ui_EaSelector/Style/Images/default.png&quot;,&nbsp;&nbsp;&nbsp;&nbsp; //图片出错替换的默认图片&nbsp;<br />
        &nbsp;&nbsp;&nbsp; totalSelectNum: 30,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //最大选择数，=1为单选<br />
        &nbsp;&nbsp;&nbsp; typeID: 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //1：选好友，2选学校<br />
        &nbsp;&nbsp;&nbsp; callBackFunction: null,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //选择后触发方法
        <br />
        &nbsp;&nbsp;&nbsp; deleteCallBackFunction: null,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //移除后触发方法
        <br />
        &nbsp;&nbsp;&nbsp; quickBoxPositionX: 0, br /> &&nbsp;&nbsp;&nbsp; showMoreBtn: true,
        <br />
        &nbsp;&nbsp;&nbsp; searchData: null,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //搜索的本地数据
        <br />
        &nbsp;&nbsp;&nbsp; searchClsData: null,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //搜索类别的本地数据
        <br />
        &nbsp;&nbsp;&nbsp; getPicPath: function() { return &quot;&quot; },&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //头像规则&nbsp;
        <br />
        &nbsp;&nbsp;&nbsp; maxCharCount: 20,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
        &nbsp;&nbsp;&nbsp; textNameId: &quot;&quot;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //同步存储名称的文本框ID<br />
        &nbsp;&nbsp;&nbsp; textIDId: &quot;&quot;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //同步存储ID的文本框ID<br />
        &nbsp;&nbsp;&nbsp; showPic:true<br />
        }
        <br />
        <br />
        数据格式：｛id:111,name:&#39;111&#39;,py:&#39;abc&#39;｝<br />
        取值：seletct对象.getValue();<br />
        赋值：seletct对象.setValue([{},{},{}]);<br />
        <br />
        <br />
        <a href="dataformat.htm" target="_blank">校内网学校数据转换工具</a><br />
        <br />
    </div>
    <div class="demoListItem">
        <div>
            <b>DEMO1</b>:选择好友（多选）
            <input type="button" value='getValue' onclick="alert(select1.getValue())" />
            <input type="button" value='setVlaue' onclick="select1.setValue([{id:'652382423',name:'燃烧的思念'},{id:'103400',name:'李正'}])" /><br />
            &nbsp;&nbsp;
        </div>
        <div id="div1">
        </div>
        <br />
        id
        <input type="text" id="txtID" value="652382423,103400" />
        name
        <input type="text" id="txtName" value="燃烧的思念,李正" />
        <br />
        <br />
        <br />
        <div>
            初始化参数：<br />
            select1 = new NDUAP.Selector({
            <br />
            &nbsp;&nbsp;&nbsp; divID: &quot;div1&quot;,<br />
            &nbsp;&nbsp;&nbsp; typeID: 1,<br />
            &nbsp;&nbsp;&nbsp; inputDefaultTip: &quot;输入好友姓名(支持全拼输入)&quot;,
            <br />
            &nbsp;&nbsp;&nbsp; totalSelectNum: 50,<br />
            &nbsp;&nbsp;&nbsp; textIDId: &quot;txtID&quot;,
            <br />
            &nbsp;&nbsp;&nbsp; textNameId: &quot;txtName&quot;,<br />
            &nbsp;&nbsp;&nbsp; width: 500<br />
            &nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
    </div>
    <div class="demoListItem">
        <div>
            <b>DEMO2</b>:选择好友（单选）&nbsp;
            <input type="button" value='getValue' onclick="alert(select2.getValue())" />
            <br />
            <br />
        </div>
        <div id="div2">
        </div>
        <br />
        <br />
        <br />
        <div>
            初始化参数：<br />
            select1 = new NDUAP.Selector({
            <br />
            &nbsp;&nbsp;&nbsp; divID: &quot;div2&quot;,<br />
            &nbsp;&nbsp;&nbsp; typeID: 1,<br />
            &nbsp;&nbsp;&nbsp; inputDefaultTip: &quot;输入好友姓名(支持全拼输入)&quot;,
            <br />
            &nbsp;&nbsp;&nbsp; totalSelectNum: 1,&nbsp;&nbsp;&nbsp;
            <br />
            &nbsp;&nbsp;&nbsp; width: 120<br />
            &nbsp;});&nbsp;&nbsp;<br />
            <br />
            &nbsp;#div2 .nduap_selectedUserList { border: 1px solid red; }</div>
        <style type="text/css">
            #div2 .nduap_selectedUserList { border: 1px solid red; }
        </style>
    </div>
    <div class="demoListItem">
        <div>
            <b>DEMO3</b>:选择学校（多选）
            <input type="button" value='getValue' onclick="alert(select3.getValue())" /><br />
            <br />
        </div>
        <div id="div3">
        </div>
        <br />
        <br />
        <br />
        <div>
            初始化参数：<br />
            select1 = new NDUAP.Selector({
            <br />
            &nbsp;&nbsp;&nbsp; divID: &quot;div3&quot;,<br />
            &nbsp;&nbsp;&nbsp; typeID: 2,<br />
            &nbsp;&nbsp;&nbsp; inputDefaultTip: &quot;输入学校名称(支持全拼输入)&quot;,
            <br />
            &nbsp;&nbsp;&nbsp; totalSelectNum: 50,&nbsp;&nbsp;&nbsp;<br />
            &nbsp;&nbsp;&nbsp; width: 500,<br />
            &nbsp;&nbsp;&nbsp; searchData: select_univlistData,
            <br />
            &nbsp;&nbsp;&nbsp; searchClsData: select_provsData,<br />
            &nbsp;&nbsp;&nbsp; showPic:false
            <br />
            &nbsp;});&nbsp;&nbsp;
        </div>
    </div>
    <div class="demoListItem">
        <div>
            <b>DEMO4</b>:选择学校（单选）
            <input type="button" value='getValue' onclick="alert(select4.getValue())" /><br />
            <br />
        </div>
        <div id="div4">
        </div>
        <br />
        <br />
        <br />
        <div>
            初始化参数：<br />
            sselect1 = new NDUAP.Selector({
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;divID: &quot;div4&quot;,<br />
            &nbsp;&nbsp;&nbsp; typeID: 2,<br />
            &nbsp;&nbsp;&nbsp; inputDefaultTip: &quot;输入学校名称(支持全拼输入)&quot;,
            <br />
            &nbsp;&nbsp;&nbsp; totalSelectNum: 1,&nbsp;&nbsp;&nbsp;<br />
            &nbsp;&nbsp;&nbsp; width: 200,<br />
            &nbsp;&nbsp;&nbsp; searchData: select_univlistData,
            <br />
            &nbsp;&nbsp;&nbsp; searchClsData: select_provsData,
            <br />
            &nbsp;&nbsp;&nbsp; showPic:false
            <br />
            &nbsp;});&nbsp;&nbsp;
        </div>
</body>
</html>
